<template>
	<view style="background-color: #EBF1FF;height: 100%;">
	


		<view style="margin-left: 40rpx;">选择退货数量</view>


		<view style="margin-left: 40rpx;margin-top: 50rpx;">
			<text>
				退款/货原因
			</text>
			<text style="color: red;">
				（必填）
			</text>
		</view>
		<van-cell-group inset>
			<van-cell title="退款原因" is-link @click="showPopup"></van-cell>
		</van-cell-group>
		<van-popup position="bottom" :show="show" @close="onClose">
			<van-radio-group bind:change="onChange">
				<van-cell-group>
					<van-cell title="不想要了" clickable data-name="1" bind:click="onClick">
						<van-radio slot="right-icon" name="1" />
					</van-cell>
					<van-cell title="拍错了" clickable data-name="2" bind:click="onClick">
						<van-radio slot="right-icon" name="2" />
					</van-cell>
				</van-cell-group>
			</van-radio-group>
		</van-popup>
		<view style="margin-left: 40rpx;margin-top: 50rpx;">
			<text>
				退款金额
			</text>
			<text style="color: red;">
				（必填）
			</text>
		</view>
		<van-cell-group inset>
			<van-cell title="25.8" />
		</van-cell-group>
		<view style="margin-left: 40rpx;margin-top: 50rpx;">
			<text>
				退款说明
			</text>

		</view>
		<van-cell-group inset>
			<van-cell size="large" title="退款说明...." />
		</van-cell-group>

		<view style="margin-left: 40rpx;margin-right: 40rpx;margin-top: 50rpx;">
			<van-uploader upload-text="上传凭证最多三张" :file-list="fileList" />
		</view>
		<view style="margin-top: 500rpx;">
			<van-button type="primary"@click="londing" color="red" size="large">提交申请</van-button>
		</view>
	</view>
</template>

<script>
	
	export default {
		data() {
			return {
				show: false,
				fileList: [{
						url: 'https://img.yzcdn.cn/vant/leaf.jpg',
						name: '图片1',
					},
					// Uploader 根据文件后缀来判断是否为图片文件
					// 如果图片 URL 中不包含类型信息，可以添加 isImage 标记来声明
					{
						url: 'http://iph.href.lu/60x60?text=default',
						name: '图片2',
						isImage: true,
						deletable: true,
					},
				],
			};

		},
		methods: {
			showPopup() {
				this.show = true
			},
			onClose() {
				this.show = false
			},
			onClick(event) {
				radio = event.name
			},
			londing(){
				
				wx.showToast({
					title: '加载中...',
					icon: 'loading',
					duration: 1300
				})
				 
				   
				
			}
		},
		
	};
</script>

<style>


</style>
